<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
 
    <h:panelGrid columns="2" style="max-width: 100%;width: 100%;border: hidden" styleClass="topColumns">
    <p:dataTable paginator="true" rows="30" paginatorAlwaysVisible="false" rowsPerPageTemplate="15,30,50,200" 
                 id="dataTable2" var="apu" value="#{cEnt.vListaApuestas}" 
                 >  
        <f:facet name="header">  
            Apuestas  
            <p:commandButton rendered="#{cPri.esAdmin}"
                value="Nueva (estandar)" actionListener="#{cEnt.crearApuestaEstandar}" update=":Ccontent" />
        </f:facet> 
        
        <p:column headerText="Fecha">  
            <h:outputText value="#{cEnt.fechaFormato(apu.apuFecha)}" />  
        </p:column>
        <p:column headerText="Premio">  
            <h:outputText value="#{apu.sumApuPremio}" />  
        </p:column>
        <p:column>  
            <p:graphicImage rendered="#{apu.apuFecha.before(cEnt.fechaAhora) and apu.apuEstado == 0}" title="Sorteada pero NO gestionada" value="/img/incorrecta.png" height="17" width="20" />
            <p:graphicImage rendered="#{apu.apuEstado == 1 and apu.sumApuPremio > 0}" title="Sorteada, Gestionada y Premiada" value="/img/aceptada.png" height="17" width="20" />
            <p:graphicImage rendered="#{apu.apuEstado == 1 and apu.sumApuPremio == 0}" title="Sorteada y Gestionada pero NO Premiada" value="/img/denegada.png" height="17" width="20" />
            <p:graphicImage rendered="#{!apu.apuFecha.before(cEnt.fechaAhora) and apu.apuEstado == 0}" title="A la espera del sorteo" value="/img/pendiente.png" height="17" width="20" />
        </p:column>
        <p:column rendered="#{cPri.esAdmin and apu.apuFecha.before(cEnt.fechaAhora)}">  
            <p:commandButton actionListener="#{cEnt.rellenaJugadasporDia(apu.apuFecha)}" update=":formCentro:apuDetail,:formCentro:dlgInfo" oncomplete="PF('apuDialog').show()" value="Gestionar"/>  
        </p:column>        
        <f:facet name="footer">  
            #{cEnt.vListaApuestas.size()} apuestas registradas.
        </f:facet> 
    </p:dataTable>  
        
    <p:dataTable paginator="true" rows="30" paginatorAlwaysVisible="false" rowsPerPageTemplate="15,30,50,200" 
                 id="dataTable3" var="mov" value="#{cEnt.vListaMovimientos}" 
                 styleClass="topColumns">  
        <f:facet name="header">  
            Movimientos (Saldo: #{cEnt.sumMovImporte})
            <p:commandButton rendered="#{cPri.esAdmin}" update=":formCentro:movDetail,:formCentro:dlgInfo2" 
                             oncomplete="PF('movDialog').show()" value="Nuevo"/>    
        </f:facet> 
        <p:column headerText="Id">  
            <h:outputText value="#{mov.idReg}" />  
        </p:column>
        <p:column headerText="Fecha">  
            <h:outputText value="#{cEnt.fechaFormato(mov.movFecha)}" />  
        </p:column>
        <p:column headerText="Tipo">  
            <h:outputText value="#{mov.movTipo}" />  
        </p:column>
        <p:column headerText="Importe">  
            <h:outputText value="#{mov.movImporte}" />  
        </p:column>
        
        <f:facet name="footer">  
            #{cEnt.vListaMovimientos.size()} movimientos registrados.
        </f:facet> 
    </p:dataTable>          
</h:panelGrid>                
        
        
        
        <p:dialog header="Apuestas de fecha: #{cEnt.fechaFormato(cEnt.vListaJugadasPorDia.get(0).getApuFecha())}" id="dlgInfo" widgetVar="apuDialog" modal="false" closeOnEscape="true" resizable="false">  
            <p:outputPanel id="apuDetail" style="text-align:center;">  

                
                <p:dataTable paginator="true" rows="15" paginatorAlwaysVisible="false" rowsPerPageTemplate="15,30,50,200" 
                                 rowKey="#{adi.apuJugada}" id="dataTable4" var="adi" value="#{cEnt.vListaJugadasPorDia}" 
                            style="font-size: small">  
                   <f:facet name="header">  
                       Jugadas apostadas
                   </f:facet> 
                   <p:column headerText="Id">  
                       <h:outputText value="#{adi.idApuesta}" />  
                   </p:column>
                   <p:column headerText="n1">  
                       <h:outputText value="#{adi.num1}" />  
                   </p:column>
                   <p:column headerText="n2">  
                       <h:outputText value="#{adi.num2}" />  
                   </p:column>
                   <p:column headerText="n3">  
                       <h:outputText value="#{adi.num3}" />  
                   </p:column>
                   <p:column headerText="n4">  
                       <h:outputText value="#{adi.num4}" />  
                   </p:column>
                   <p:column headerText="n5">  
                       <h:outputText value="#{adi.num5}" />  
                   </p:column>
                   <p:column headerText="e1">  
                       <h:outputText value="#{adi.estre1}" />  
                   </p:column>
                   <p:column headerText="e2">  
                       <h:outputText value="#{adi.estre2}" />  
                   </p:column>
                   <p:column headerText="Premio">  
                       <p:inputText value="#{adi.apuPremio}" />
                   </p:column>
                        <p:column headerText="">
                            <p:commandButton value="Aplicar" actionListener="#{cEnt.aplicarPremio(adi.idApuesta, adi.apuPremio)}" update="dataTable4,:formCentro:dataTable2"/>
                   </p:column>

                   <f:facet name="footer">  
                       TOTAL PREMIO: #{cEnt.sumPremiosPorDia(cEnt.vListaJugadasPorDia.get(0).getApuFecha())} euros.
                   </f:facet> 
               </p:dataTable>   
                
            </p:outputPanel>  
        </p:dialog> 
        
      <p:dialog header="Nuevo movimiento" id="dlgInfo2" widgetVar="movDialog" modal="false" closeOnEscape="true" resizable="false">  
            <p:outputPanel id="movDetail" style="text-align:center;">  
            
                <p:outputLabel for="itmovtipo" value="Descripción:"/>
                <p:inputText id="itmovtipo" value="#{cEnt.movTipo}"/>
                <br />
                <p:outputLabel for="itmovimporte" value="Importe:"/>
                <p:inputText id="itmovimporte" value="#{cEnt.movImporte}"/>
                <br />
                <p:commandButton value="Aceptar" actionListener="#{cEnt.createMovimiento()}" update=":Ccontent"/>
            </p:outputPanel>  
        </p:dialog> 
    
    
</ui:composition>